<!DOCTYPE html>
<html lang="en">
<head>
	<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="../../css/style_home.css">
<link rel="stylesheet" href="../../css/bootstrap.css">
	<title>首页</title>
	<!-- 移动是被优先 -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
</head>
<body>
	<!-- 导航-开始-->
	<nav>
		<div class="container">
			<div class="row">
				<diw class="col shadow-sm">
					<nav class="navbar p-1 navbar-expand-lg navbar-light bg-white">
						<a class="navbar-brand navbar-toggler border-0" href="#">
							<img src="../../img/logo谷歌.png" alt="" class="img-fluid" style="max-width:90px;">
						</a>
						<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
						  <span class="navbar-toggler-icon"></span>
						</button>
						<div class="collapse navbar-collapse" id="navbarSupportedContent">
						  <ul class="navbar-nav mr-auto">
							<li class="nav-item active">
								<a class="nav-link" href="/" style=" padding-left: 25px;">首页<span class="sr-only">(current)</span></a>
							  </li>
							<%
							for(let i=0; i<Nav.length;i++){%>
								<li class="nav-item active">
									<a class="nav-link" target="_blank" href="/list" style=" padding-left: 50px;"><%-Nav[i].navName%></a>
								</li>
							<%}%>
						  </ul>
						  <div>
							  <span>
								  <a href="/admin" target="_blank" class="nav-link">后台登录</a>
							  </span>
						  </div>
						</div>
					  </nav>
				</diw>
			</div>
		</div>
	</nav>
	<!-- 导航-结束 -->

	<!-- 头部-开始-->
	<header class="mt-2 d-none d-lg-block">
		<div class="container">
			<div class="row py-3">
				<div class="col">
					<a href="">
						<img src="../../img/logo谷歌.png" alt="LOGO" style="max-width: 85px;height: auto;">
					</a>
				</div>
				<div class="col pt-3">
					<form class="form-inline my-2 my-lg-0 text-center" method="GET" action="/search">
						<input class="form-control mr-sm-2" type="search" placeholder="搜索" aria-label="Search" name="search"  id="search">
						<button class="btn btn-outline-success my-2 my-sm-1" type="submit">搜索</button>
					  </form>
				</div>
				<div class="col">
				</div>
			</div>
		</div>
	</header>
	<form class="form-inline mt-4 mb-2 d-lg-none row-cols-1" method="GET" action="">
		<input class="form-control" type="search" placeholder="搜索" aria-label="Search" name="search" id="search">
		<button class="btn btn-outline-success my-2 " type="submit">搜索</button>
	</form>
	<!-- 头部-结束 -->

	<!-- 轮播图-开始-->
	<section class="mt-2 ">
		<div class="container">
			<div class="row">
				<diw class="col">
					<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
						<ol class="carousel-indicators">
							<%
							for(let h=0;h<Slide.length;h++){%>
								<li id="ol_li" data-target="#carouselExampleCaptions" data-slide-to="<%-[h]%>"></li>
							<%}%>
						</ol>
						<div class="carousel-inner">
						  <%
						  for(let g=0; g<Slide.length;g++){%>
							  <div class="carousel-item" id="car_div" data="<%-[g]%>">
								  <img src="<%-Slide[g].routeImg%>" class="d-block w-100" alt="1" style="height: auto;">
								  <div class="carousel-caption d-none d-md-block">
									  <h4><%-Slide[g].SlideName%></h4>
									</div>
								</div>
							<%}%>
						</div>
						<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
						  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
						  <span class="sr-only">上一个</span>
						</a>
						<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
						  <span class="carousel-control-next-icon" aria-hidden="true"></span>
						  <span class="sr-only">下一个</span>
						</a>
					  </div>
				</diw>
			</div>
		</div>
	</section>
	<!-- 轮播图-结束 -->


	<!-- 热门电影-开始-->
	<section class="mt-4">
		<div class="container">
			<div class="row">
				<div class="col">
					<div>
						<h4 class="d-inline-block">热门电影</h4>
						<small class="text-muted pl-2">人类另类灾难恐怖再现银幕</small>
					</div>
				</div>
			</div>
			<div class="row pt-">
				<%
				for(let m=0; m<RFilm.length;m++){%>
					<div class="col-4 col-md-4 col-lg">
						<div>
							<a href="/movie?id=<%-RFilm[m].id%>" target="_blank" class="text-center text-decoration-none">
								<img src="<%-RFilm[m].poster%>" alt="" style="height:200px;width: 150px;">
								<span><%-RFilm[m].filmName.substr(0,10)%></span>
							</a>
						</div>
					</div>
				<%}%>
		</div>
	</section>
	<!-- 热门电影-结束 -->

	<!-- 最新电影-开始-->
	<section class="mt-4">
			<div class="container">
				<div class="row">
					<div class="col">
						<div>
							<h4 class="d-inline-block">最新电影</h4>
							<small class="text-muted pl-2">人类另类灾难恐怖再现银幕</small>
						</div>
					</div>
				</div>
				<div class="row pt-">
					<%
				for(let n=0; n<ZFilm.length;n++){%>
					<div class="col-4 col-md-4 col-lg">
						<div>
							<a href="" class="text-center text-decoration-none">
								<img src="<%-ZFilm[n].poster%>" alt="" style="height:200px;width: 150px;">
								<span><%-ZFilm[n].filmName.substr(0,10)%></span>
							</a>
						</div>
					</div>
				<%}%>
			</div>
	</section>
	<!-- 最新电影-结束 -->


	<!-- 最火电影开始 -->
<section class="mt-4">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div>
                    <h4 class="d-inline-block">最火电影</h4><small class="text-muted pl-2">如果你不出去走走，你就会以为这就是全世界</small>
                </div>
            </div>
        </div>
		<div class="row">
			<div class="col-12 col-lg-4 pt-2">
                <div  class="card w-100 shadow border-0">

                    <div class="card-header d-flex bg-white border-warning border-top border-bottom-0 pb-2">
                        <h5 class="d-inline-block">经典电影<small class="text-muted ml-2">经典台词</small></h5>
                        <div class="d-inline-block  ml-auto pt-1">
                            <a class="text-black-50" style="font-size:14px;" target="_blank" href="weball/index.html"  target="_blank">更多&gt;&gt;</a>
                        </div>
                    </div>
                    <ul class="list-group list-group-flush pb-2" style="line-height:28px;font-size:15px">
						<%
						for(let a=0; a<Taici1.length; a++){%>
							<li class="list-group-item  border-0 list-group-item-action py-1 text-nowrap"><span class="badge badge-warning"><%-[a]%></span>
								<a class="text-dark card-link text-truncate" href="" target="_blank"><%-Taici1[a].brief.substr(0,18)+'。。。'%></a></li>
						<%}%>
                    </ul>
                </div>
            </div>


            <div class="col-12 col-lg-4 pt-2">
                <div  class="card w-100 shadow border-0">

                    <div class="card-header d-flex bg-white border-warning border-top border-bottom-0 pb-2">
                        <h5 class="d-inline-block">最新电影<small class="text-muted ml-2">经典台词</small></h5>
                        <div class="d-inline-block  ml-auto pt-1">
                            <a class="text-black-50" style="font-size:14px;" target="_blank" href="weball/index.html"  target="_blank">更多&gt;&gt;</a>
                        </div>
                    </div>

                    <ul class="list-group list-group-flush pb-2" style="line-height:28px;font-size:15px">
						<%
						for(let b=0; b<Taici2.length; b++){%>
							<li class="list-group-item  border-0 list-group-item-action py-1 text-nowrap"><span class="badge badge-warning"><%-[b]%></span>
								<a class="text-dark card-link text-truncate" href="" target="_blank"><%-Taici2[b].brief.substr(0,18)+'。。。'%></a></li>
						<%}%>
                    </ul>

                </div>
            </div>
			<div class="col-12 col-lg-4 pt-2">
                <div  class="card w-100 shadow border-0">

                    <div class="card-header d-flex bg-white border-warning border-top border-bottom-0 pb-2">
                        <h5 class="d-inline-block">喜剧片<small class="text-muted ml-2">经典台词</small></h5>
                        <div class="d-inline-block  ml-auto pt-1">
                            <a class="text-black-50" style="font-size:14px;" target="_blank" href="weball/index.html"  target="_blank">更多&gt;&gt;</a>
                        </div>
                    </div>

                    <ul class="list-group list-group-flush pb-2" style="line-height:28px;font-size:15px">
						<%
						for(let c=0; c<XTaici.length; c++){%>
							<li class="list-group-item  border-0 list-group-item-action py-1 text-nowrap"><span class="badge badge-warning"><%-[c]%></span>
								<a class="text-dark card-link text-truncate" href="" target="_blank"><%-XTaici[c].brief.substr(0,18)+'。。。'%></a></li>
						<%}%>
                    </ul>

                </div>
            </div>


        </div>
    </div>
</section>
<!-- 关注我们结束 -->

	<!-- 页脚-开始-->
<footer class="mt-4 bg-dark text-light small">
		<div class="container">
		<div class="row pt-3 pb-5">
			<div class="col-sm-12 col-md-10">
				<div class="pt-4">
					<p class="mb-2">影视BT下载网站</p>
					<ul class="nav">
						<li class="nac-item"><a href="" class="nav-link text-white pl-0">关于我们</a></li>
						<li class="nac-item"><a href="" class="nav-link text-white pl-0">关于我们</a></li>
						<li class="nac-item"><a href="" class="nav-link text-white pl-0">关于我们</a></li>
						<li class="nac-item"><a href="" class="nav-link text-white pl-0">关于我们</a></li>
						<li class="nac-item"><a href="" class="nav-link text-white pl-0">关于我们</a></li>
						<li class="nac-item"><a href="" class="nav-link text-white pl-0">关于我们</a></li>
					</ul>
					<div class="text-muted">
						©<i>2021</i> BY:Mardan所属 <span class="max-3">版权所有</span><a href="" class="text-muted">版权号：1111</a>
					</div>
				</div>
			</div>
			<div class="col-sm-12 col-md-2 text-md-right text-center p-0">
				<figure class="figure mt-3">
					<img src="../../img/qrcode.png" alt="" class="figure-img img-thumbnail" style="max-width:100px;">
					<figcaption class="figure-caption text-center text-light">扫码关注</figcaption>
				</figure>
			</div>
		</div>
		</div>
</footer>
	<!-- 页脚-结束 -->

	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<!-- <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> -->
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.bundle.js"></script>

<script>
	if($('#ol_li').attr('data-slide-to') == 0){
		$('#ol_li').attr('class','active')
	};

	if($('#car_div').attr('data') == 0){
		$('#car_div').addClass('active')
	}
</script>
<script src="../../lib/layui/layui.js"></script>
<!-- <script type="text/javascript">
	layui.use(['form','layer','jquery'], function(){
	  var form = layui.form,
		  admin = layui.admin,
		  layer = layui.layer;
	  var $ = layui.jquery;

	  //监听提交
	  form.on('submit(add)', function(data){
		console.log($('#search').val());
		console.log(data)
		$.ajax({
		  url:"/search",
		  method:"get",
		  data:$('#search').val()
		}).then(function(res){ //提交后
		  //发异步，把数据提交给nodejs
		layer.alert("添加成功", {icon: 6},function () {
			// 获得frame索引
			var index = parent.layer.getFrameIndex(window.name);
			//修改成功后刷新页面
			location.reload();
		});
		})
		return false;
	  });
	});
</script> -->

</body>
</html>